<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

  <!-- 引入bootstrap样式 -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css">

  <!-- 引入动画样式 -->
  <link rel="stylesheet" href="./assets/css/animate.min.css">

  <!-- 引入reset样式 -->
  <link rel="stylesheet/less" href="./assets/css/reset.less">

  <!-- 引入页面样式 -->
  <link rel="stylesheet/less" href="./assets/css/index.less">

  <title>ergo168.com</title>
</head>

<body>
  <!-- 头部 -->
  <div class="header">
    <div class="box">
      <div class="menu">
        <img src="./assets/images/menu.png" alt="">
      </div>

      <div class="logo">
        <img src="./assets/images/logo.png" alt="">
      </div>

      <div class="search">
        <img src="./assets/images/search.png" alt="">
      </div>
    </div>
  </div>

  <!-- banner -->
  <div class="banner">
    <img src="./assets/images/banner.png" alt="">
  </div>

  <!-- assessment -->
  <div class="assessment">
    <div class="title">风险评估</div>

    <div class="options">
      <div class="item wow fadeInDown">
        <div class="imgs img1">
          <img src="./assets/images/office.png" alt="">
        </div>
        <p class="desc">办公室</p>
      </div>

      <div class="item wow fadeInDown" data-wow-delay="100ms">
        <div class="imgs img2">
          <img src="./assets/images/industry.png" alt="">
        </div>
        <p class="desc">工业</p>
      </div>

      <div class="item wow fadeInDown" data-wow-delay="200ms">
        <div class="imgs img3">
          <img src="./assets/images/furnishing.png" alt="">
        </div>
        <p class="desc">个人/家居</p>
      </div>

      <div class="item wow fadeInDown" data-wow-delay="300ms">
        <div class="imgs img4">
          <img src="./assets/images/other.png" alt="">
        </div>
        <p class="desc">其他行业</p>
      </div>
    </div>

    <div class="type">
      <div class="term">
        <img src="./assets/images/pic1.jpg" alt="">
      </div>
      <div class="term">
        <div class="subject">专业咨询</div>
        <p>个人咨询</p>
        <p>企业咨询</p>
      </div>
      <div class="term">
        <img src="./assets/images/pic2.jpg" alt="">
      </div>
      <div class="term">
        <div class="subject">专业培训</div>
        <p>培训通知</p>
        <p>在线培训</p>
      </div>
      <div class="term">
        <img src="./assets/images/pic3.jpg" alt="">
      </div>
      <div class="term">
        <div class="subject">人体工学资源</div>
        <p>案例分析</p>
        <p>企业广告</p>
        <p>产品推荐</p>
      </div>
    </div>
  </div>

  <!-- application -->
  <div class="application">
    <div class="title">人体工学介绍和应用</div>

    <div class="photo">
      <img src="./assets/images/appimg.jpg" alt="">
      <div class="content">
        <div class="subject">人体工学介绍</div>

        <div class="desc">
          <div class="text">历史</div>
          <div class="text">现在</div>
          <div class="text">将来</div>
        </div>
      </div>
    </div>

    <div class="apps-box">
      <div class="app a1">
        <img src="./assets/images/career.png" alt="">
        <p>职业应用</p>
      </div>
      <div class="app a2">
        <img src="./assets/images/people.png" alt="">
        <p>个人/家居应用</p>
      </div>
    </div>

    <div class="other">
      <img src="./assets/images/cirs.png" alt="">
      <p>其他应用</p>
    </div>
  </div>

  <!-- contact -->
  <div class="contact">
    <div class="title">联系我们</div>

    <div class="message">
      <div class="phone">
        <div class="icon"></div>
        <p>+86 15217196291</p>
      </div>

      <div class="second">
        <div class="fax">
          <div class="icon"></div>
          <p>01-706-560-3604</p>
        </div>

        <div class="email">
          <div class="icon"></div>
          <p>ergo168@qq.com</p>
        </div>
      </div>

      <div class="address">
        <div class="icon"></div>
        <p>广州市天河区珠江新城珠江西路高德置地D座15楼</p>
      </div>
    </div>

    <div class="map">
      <img src="./assets/images/map.jpg" alt="">
    </div>
  </div>

  <!-- navbar -->
  <div class="navbar-footer">
    <div class="item i1">
      <img src="./assets/images/home.png" alt="">
      <p>首页</p>
    </div>

    <div class="item">
      <img src="./assets/images/us.png" alt="">
      <p>关于我们</p>
    </div>

    <div class="item">
      <img src="./assets/images/edit.png" alt="">
      <p>风险评估</p>
    </div>

    <div class="item">
      <img src="./assets/images/user.png" alt="">
      <p>用户中心</p>
    </div>
  </div>
</body>

</html>

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/wow.min.js"></script>
<script>
  // 初始化
  new WOW().init();
</script>
<script src="./assets/js/less.min.js"></script>